/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn{display:inline-block;text-align:center;padding:.6em 1.2em;cursor:pointer;line-height:1.5;font-size:90%;overflow:hidden;color:#37aed5;background-color:transparent;text-decoration:none;border:1px solid #37aed5;-webkit-transition:all .2s;transition:all .2s}.btn:hover{background-color:#37aed5;color:#fff;text-decoration:none;border-color:#37aed5}.btn-light{border-color:#90a4ae;color:#455a64}.btn-light:hover{background-color:#455a64;border-color:#455a64;color:#fff}.btn-primary{background-color:#37aed5;color:#fff;border-color:#37aed5}.btn-primary:hover{background-color:#2797bc;color:#fff;border-color:#2797bc}.btn-large{padding:.7em 2em;font-size:120%;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:2px}.btn-full{padding:.7em 2em;font-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.l-container{width:auto;margin-left:10px;margin-right:10px}@media(min-width: 768px){.l-container{width:720px;margin-left:auto;margin-right:auto}}@media(min-width: 992px){.l-container{width:940px}}@media(min-width: 1200px){.l-container{width:1140px}}.l-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(min-width: 768px){.l-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:-15px;margin-right:-15px}}[class*=l-span]{margin-bottom:1em}[class*=l-span] img{max-width:100%}@media(min-width: 768px){[class*=l-span]{padding-right:15px;padding-left:15px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:auto}}@media(min-width: 768px){.l-span1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.l-span2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.l-span3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.l-span4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.l-span5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.l-span6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.l-span7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.l-span8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.l-span9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.l-span10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.l-span11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}}.sngr-header{position:relative;z-index:50;background:#fff;-webkit-box-shadow:1px 1px 0 rgba(0,0,0,.08);box-shadow:1px 1px 0 rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",Arial,sans-serif}.sngr-header .sngr-header-inner{max-width:1140px;height:56px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(min-width: 992px){.sngr-header .sngr-header-inner{width:90%}}.sngr-header .sngr-header-logo{margin:0;position:absolute;z-index:1;width:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}@media(min-width: 992px){.sngr-header .sngr-header-logo{position:static;width:initial}}.sngr-header .sngr-header-logo a{display:inline-block;margin:auto;padding:8px}.sngr-header .sngr-header-logo a img{display:block;width:144px;height:14px}@media(min-width: 992px){.sngr-header .sngr-header-logo a img{width:162px;height:16px}}.sngr-header-navbar{display:none}@media(min-width: 992px){.sngr-header-navbar{display:-webkit-box;display:-ms-flexbox;display:flex}}.sngr-header-navbar ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sngr-header-navbar li{margin:0;margin:0 .3rem;letter-spacing:.08em}@media(min-width: 992px){.sngr-header-navbar li{margin:0 0 0 32px}}.sngr-header-navbar li:first-child{margin-left:0}.sngr-header-navbar li:last-child{margin-right:0}.sngr-header-navbar a{display:inline-block;padding:4px 5%;font-size:14px;line-height:1.4;text-decoration:none;color:#252525;text-transform:uppercase}.sngr-header-navbar a:hover{text-decoration:none;color:#252525;-webkit-box-shadow:0px 3px 0 0px #252525;box-shadow:0px 3px 0 0px #252525}.sngr-header-mobileNav{margin-left:16px}@media(min-width: 992px){.sngr-header-mobileNav{display:none}}.sngr-header-mobileNav-content{position:absolute;top:56px;left:0;background:#fff;width:100%;padding-bottom:8px;-webkit-box-shadow:1px 1px 0 rgba(0,0,0,.08);box-shadow:1px 1px 0 rgba(0,0,0,.08)}.sngr-header-mobileNav-content ul{list-style:none;margin:0 16px;padding:0}.sngr-header-mobileNav-content ul a{display:block;padding:12px 0;letter-spacing:.08em;font-size:15px;line-height:1.4;text-decoration:none;color:#252525;text-transform:uppercase}@media(min-width: 992px){.sngr-header-mobileNav-content ul a:hover{-webkit-box-shadow:0px 3px 0 0px #252525;box-shadow:0px 3px 0 0px #252525}}.sngr-header-mobileNav-toggle{position:relative;z-index:2;background:transparent;border:none;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-8px;cursor:pointer;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'><path d='M0 0h24v24H0z' fill='none'/><path d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/></svg>") no-repeat center;background-size:24px 24px;text-indent:100%;overflow:hidden;color:transparent;list-style:none}@media(min-width: 992px){.sngr-header-mobileNav-toggle{display:none}}.sngr-header-mobileNav-toggle::-webkit-details-marker{display:none}body{font-family:"source-han-sans-japanese",sans-serif;background:#fff;color:#455a64;font-size:.9rem;line-height:1.5}@media(min-width: 992px){body{font-size:.95rem}}p{line-height:1.7}.notice{color:#90a4ae;font-size:.85rem}a{color:#37aed5;-webkit-transition:all .2s;transition:all .2s;text-decoration:none}a:hover{color:#2797bc}h1,h2{font-weight:100}h1,h2,h3,h4,h5,h6{line-height:1.3}h1 a,h1 a:hover,h2 a,h2 a:hover,h3 a,h3 a:hover,h4 a,h4 a:hover,h5 a,h5 a:hover,h6 a,h6 a:hover{color:#455a64;text-decoration:none}h1{font-size:1.7rem}@media(min-width: 321px){h1{font-size:2rem}}@media(min-width: 768px){h1{font-size:3rem}}@media(min-width: 992px){h1{font-size:4rem}}h2{font-size:1.8rem}@media(min-width: 768px){h2{font-size:2.5rem}}@media(min-width: 992px){h2{font-size:3.5rem}}@media(min-width: 768px){br.touch{display:none}}.l-globalHeader{margin-bottom:-60px;width:100%;color:#fff}.l-globalHeader a{color:#fff}.globalHeader-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:top;-ms-flex-align:top;align-items:top}.globalHeader-container .globalHeader-logo .globalHeader-logo-title{display:inline-block;padding:1em .5em 1em 0}.globalHeader-container .globalHeader-nav ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none}.globalHeader-container .globalHeader-nav li a{display:inline-block;padding:1em}.globalHeader-container .globalHeader-nav li:last-child a{padding-right:0}.globalHeader-container .globalHeader-nav .tw svg{width:24px;height:24px}.l-hero{color:#fff;text-align:center;min-height:380px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:58px;background:#d81b60 url(../images/hero-bg.svg) center center;background-size:438px 438px;-webkit-animation:sqmove-sm 20s linear infinite;animation:sqmove-sm 20s linear infinite}@media(min-width: 992px){.l-hero{background-size:558px 558px;min-height:500px;-webkit-animation:sqmove-md 20s linear infinite;animation:sqmove-md 20s linear infinite}}.l-hero h1{margin:0}@-webkit-keyframes sqmove-sm{0%{background-position:center 438px}100%{background-position:center 0}}@keyframes sqmove-sm{0%{background-position:center 438px}100%{background-position:center 0}}@-webkit-keyframes sqmove-md{0%{background-position:center 558px}100%{background-position:center 0}}@keyframes sqmove-md{0%{background-position:center 558px}100%{background-position:center 0}}.btn-wrapper{margin:2em 0 .5em;text-align:center}.start-btn{background-color:#fff;border-color:transparent;color:#d81b60}.start-btn:hover{color:#fff;background-color:#d81b60;border-color:#fff}.hero-credit{font-size:.7rem}.hero-credit a{font-weight:bold;color:#fff}.l-section{padding-top:2em;padding-bottom:2em}@media(min-width: 768px){.l-section{padding-top:4em;padding-bottom:4em}}.l-section h3{font-size:1.3rem;font-weight:normal;margin:.5em 0}@media(min-width: 768px){.l-section h3{font-size:1.5rem}}.l-section .section-topic{margin-bottom:2em}@media(min-width: 768px){.l-section .section-topic{margin-bottom:3em}}.l-section .section-topic:last-child{margin-bottom:0}.section-header{text-align:center;margin-bottom:1em}@media(min-width: 768px){.section-header{margin-bottom:2em}}.section-header h2{margin:0}.section-header h2 a{border-bottom:1px solid #455a64}.ad{text-align:center;margin:1em -10px}@media(min-width: 768px){.ad{margin-bottom:2em;margin-left:0;margin-right:0}}.section-intro{overflow:hidden}@media(min-width: 768px){.section-intro .section-content{min-height:800px}}.section-intro h2,.section-intro h3{color:#d81b60}.section-intro .intro-topic{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media(min-width: 768px){.section-intro .intro-topic{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.section-intro .intro-sample{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;overflow:hidden;max-height:120vw;margin-left:-10px;margin-right:-10px}@media(min-width: 768px){.section-intro .intro-sample{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:relative;max-height:none;overflow:visible;max-height:150vw;margin-left:0px;margin-right:0px}.section-intro .intro-sample img{position:absolute;top:0;left:2em;max-width:800px;-webkit-box-shadow:0 30px 30px rgba(0,0,0,.4);box-shadow:0 30px 30px rgba(0,0,0,.4)}}.section-book{overflow:hidden;background-color:#eceff1}.section-book .section-content{min-height:600px}.section-book .section-header-badge,.section-book h3{color:#2196f3}.section-book .section-header-badge{border:1px solid #2196f3;border-radius:.2em;padding:.2em .4em;display:inline-block;font-size:.7rem;margin-bottom:.4em}.section-book .book-sample{max-height:150vw;overflow:hidden;margin-left:-10px;margin-right:-10px}@media(min-width: 768px){.section-book .book-sample{position:relative;max-height:none;overflow:visible;margin-left:0px;margin-right:0px}.section-book .book-sample img{position:absolute;top:0;right:2em;max-width:800px;-webkit-box-shadow:0 30px 30px rgba(0,0,0,.4);box-shadow:0 30px 30px rgba(0,0,0,.4)}}@media(min-width: 768px){.features-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.features-wrapper .features-items{width:31%}}.features-wrapper .features-items{margin-bottom:2em}.features-wrapper h3{font-size:1.2rem;font-weight:normal;margin:.5em 0}@media(min-width: 768px){.features-wrapper h3{text-align:center}}.section-aside{max-width:728px;border:1px solid #ddd;padding:1.5em;margin:auto;text-align:center}.section-aside h3{margin:0 0 .75em}.section-aside p{margin:.75em 0}.section-start{background-color:#d81b60;color:#fff;background:#d81b60 url(../images/hero-bg.svg) center center;background-size:438px 438px;-webkit-animation:sqmove-sm 20s linear infinite;animation:sqmove-sm 20s linear infinite}@media(min-width: 992px){.section-start{background-size:558px 558px;-webkit-animation:sqmove-md 20s linear infinite;animation:sqmove-md 20s linear infinite}}.section-start .section-header{margin-bottom:0}.l-case{background-color:#eceff1}.l-case .l-row>div{margin-bottom:1.5em}.l-case .l-row img{display:block;margin-bottom:.7em;-webkit-transition:all .2s;transition:all .2s}.l-case .l-row span{display:block;text-align:center;color:#455a64;font-size:.8rem}.l-case .l-row a:hover img{-webkit-box-shadow:0 5px 10px rgba(0,0,0,.3);box-shadow:0 5px 10px rgba(0,0,0,.3)}.l-case .case-low{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:-10px;margin-right:-10px}.l-case .case-low .l-span4{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-preferred-size:50%;flex-basis:50%;padding-left:10px;padding-right:10px}@media(min-width: 992px){.l-case .case-low .l-span4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%}}.case-footer{text-align:right;margin-top:1em}.case-footer p{font-size:.8em;margin:0}.l-getmorethemes{padding-bottom:0}.l-getmorethemes .section-header{margin-bottom:2em}@media(min-width: 992px){.l-getmorethemes .section-header h2{font-size:2.6rem}}.l-getmorethemes .section-header p{margin-top:.5em}.thumbnail{display:block;height:auto;max-width:100%;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}.thumbnail:hover{border-color:#37aed5}.thumbnail>img{display:block;height:auto;max-width:100%;margin-right:auto;margin-left:auto;aspect-ratio:1200/630;-o-object-fit:cover;object-fit:cover}.thumbnail .caption{padding:9px;color:#333;text-align:left}.thumbnail .new{display:inline-block;padding:4px 6px;font-size:11px;text-transform:uppercase;background:linear-gradient(-45deg, #7986ff, #ff9d7c);color:#fff;line-height:1;border-radius:100px;margin-right:.4em}.thumbnail h4{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:120%;margin:.2em 0;font-weight:normal}.thumbnail p{font-size:80%;margin:0;color:#90a4ae;line-height:1.4}.section-share h3{font-size:1.2rem;margin:0}.section-share .section-header{margin-bottom:1em}.shareBtns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-tw,.btn-fb{display:inline-block;border-radius:50%;margin-left:1em;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-tw:first-child,.btn-fb:first-child{margin-left:0}.btn-tw svg,.btn-fb svg{width:18px;height:18px}@media(min-width: 768px){.btn-tw,.btn-fb{width:50px;height:50px}}.btn-tw{background-color:#55acee}.btn-tw:hover{background-color:#2795e9}.btn-fb{background-color:#3b5998}.btn-fb:hover{background-color:#2d4373}.section-footer{background-color:#eceff1;text-align:center;font-size:.8rem;padding-top:1em;padding-bottom:1em}@media(min-width: 768px){.section-footer{padding-top:2em;padding-bottom:2em}}